<!DOCTYPE html>
<html lang="en">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta name="viewport"
          content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
    <!-- 优先使用 IE 最新版本 -->
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <!-- 忽略将数字变为电话号码-->
    <meta name="format-detection" content="telephone=no">
    <!--让国产浏览器默认采用高速模式渲染页面-->
    <meta name="renderer" content="webkit">
    <!-- 强制图片显示 -->
    <meta name="imagemode" content="force">
    <!--启用 WebApp 全屏模式-->
    <meta name="apple-mobile-web-app-capable" content="yes">
    <!-- 设置状态栏颜色 -->
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="baidu-site-verification" content="QWV2dDdaYQ"/>
    <script src="js/Screen.js"></script>
    <link rel="stylesheet" href="./css/reset_ph_v=2016.css">
    <link rel="stylesheet" href="./css/swiper.min.css">
    <link rel="stylesheet" href="./css/animate.min.css?1213">
    <link rel="stylesheet" href="./css/page.css?8989898998789">
    <title>宣传页面</title>
</head>
<body>

<!-- Code start -->
<div class="swiper-container Container">
    <div class="swiper-wrapper">
        <div class="swiper-slide">
            <div class="slide-Container page2-warrp ani" swiper-animate-effect="page2-right-top-an-h" swiper-animate-duration="1s" swiper-animate-delay="0.5s" >
                <i class="absolute page2-icon1 ani" swiper-animate-effect="zoomIn" swiper-animate-duration="1s" swiper-animate-delay="2s"></i>
                <i class="absolute page2-icon2 ani" swiper-animate-effect="zoomIn" swiper-animate-duration="1s" swiper-animate-delay="2s"></i>
                <i class="absolute page2-icon3 ani" swiper-animate-effect="zoomIn" swiper-animate-duration="0.5s" swiper-animate-delay="3s"></i>
            </div>
        </div>
        <div class="swiper-slide">
            <div class="slide-Container page3-warrp">
                <i class="absolute page3-icon1 page2-left-top"></i>
                <i class="absolute page3-icon2 page2-right-top"></i>
                <i class="absolute page3-icon3 page2-left-bottom"></i>
                <i class="absolute page3-icon4 page2-right-bottom"></i>
                <div class="absolute page3-border">
                    <p class="ani" swiper-animate-effect="fadeIn" swiper-animate-duration="1s" swiper-animate-delay="0.5s" style="background: url(./images/font/font1.png)no-repeat center;background-size: contain">南方与北方的碰撞交融</p>
                    <p class="ani" swiper-animate-effect="fadeIn" swiper-animate-duration="1s" swiper-animate-delay="0.5s" style="background: url(./images/font/font2.png)no-repeat center;background-size: contain">自然与城市的和谐共生</p>
                    <p class="ani" swiper-animate-effect="fadeIn" swiper-animate-duration="1s" swiper-animate-delay="0.5s" style="background: url(./images/font/font3.png)no-repeat center;background-size: contain">印象之城 焕颜绽放</p>
                    <p class="ani" swiper-animate-effect="fadeIn" swiper-animate-duration="1s" swiper-animate-delay="0.5s" style="background: url(./images/font/font4.png)no-repeat center;background-size: contain">在时尚中舞动潮流</p>
                    <p class="ani" swiper-animate-effect="fadeIn" swiper-animate-duration="1s" swiper-animate-delay="0.5s" style="background: url(./images/font/font5.png)no-repeat center;background-size: contain">在精致之中涌动雅趣</p>
                    <p class="ani" swiper-animate-effect="fadeIn" swiper-animate-duration="1s" swiper-animate-delay="0.5s" style="background: url(./images/font/font6.png)no-repeat center;background-size: contain">在繁盛之中跳动欢乐</p>
                    <section>
                        <p class="ani" swiper-animate-effect="fadeIn" swiper-animate-duration="1s" swiper-animate-delay="0.5s" style="background: url(./images/font/font7.png)no-repeat center;background-size: contain">11月11日</p>
                        <p class="ani" swiper-animate-effect="fadeIn" swiper-animate-duration="1s" swiper-animate-delay="0.5s" style="background: url(./images/font/font8.png)no-repeat center;background-size: contain">在沈阳印象城</p>
                        <p class="ani" swiper-animate-effect="fadeIn" swiper-animate-duration="1s" swiper-animate-delay="0.5s" style="background: url(./images/font/font9.png)no-repeat center;background-size: contain">一起见证</p>
                        <p class="ani" swiper-animate-effect="fadeIn" swiper-animate-duration="1s" swiper-animate-delay="0.5s" style="background: url(./images/font/font10.png)no-repeat center;background-size: contain">“都市秘境”释放新色彩</p>
                    </section>
                    <i class="absolute page3-logo"></i>
                </div>
                <i class="absolute page3-icon5 page2-center-bottom"></i>
            </div>
        </div>
        <div class="swiper-slide">
            <div class="slide-Container page4-warrp ani" swiper-animate-effect="bounceInDown" swiper-animate-duration="1.4s" swiper-animate-delay="0s">
                <i class="absolute page4-font1 page4MarginAuto ani" swiper-animate-effect="fadeIn" swiper-animate-duration="1s" swiper-animate-delay="1s"></i>
                <i class="absolute page4-font2 page4MarginAuto ani" swiper-animate-effect="fadeIn" swiper-animate-duration="1s" swiper-animate-delay="1s"></i>
                <i class="absolute page4-font3 page4MarginAuto ani" swiper-animate-effect="fadeIn" swiper-animate-duration="1s" swiper-animate-delay="1s"></i>
                <i class="absolute page4-font4 page4MarginAuto ani" swiper-animate-effect="fadeIn" swiper-animate-duration="1s" swiper-animate-delay="1s"></i>
                <i class="absolute page4-font5 page4MarginAuto ani" swiper-animate-effect="fadeIn" swiper-animate-duration="1s" swiper-animate-delay="1s"></i>
                <i class="absolute page4-font6 page4MarginAuto ani" swiper-animate-effect="fadeIn" swiper-animate-duration="1s" swiper-animate-delay="1s"></i>
                <i class="absolute page4-line"></i>
                <i class="absolute page4-logo ani" swiper-animate-effect="flash" swiper-animate-duration="2.5s" swiper-animate-delay="1.8s"></i>
            </div>
        </div>
        <div class="swiper-slide">
            <div class="slide-Container page5-warrp ani" swiper-animate-effect="fadeInDown" swiper-animate-duration="1.5s" swiper-animate-delay="0s">
                <i class="absolute page5-icon1 page4MarginAuto ani" swiper-animate-effect="center-view" swiper-animate-duration="1.5s" swiper-animate-delay="0.8s"></i>
                <i class="absolute page5-icon2 page4MarginAuto ani"  swiper-animate-effect="fadeInLeft" swiper-animate-duration="1s" swiper-animate-delay="1.3s"></i>
                <i class="absolute page5-icon3 page4MarginAuto ani" swiper-animate-effect="fadeInRight" swiper-animate-duration="1s" swiper-animate-delay="1.8s"></i>
            </div>
        </div>
        <div class="swiper-slide">
            <div class="slide-Container page6-warrp ani" swiper-animate-effect="bounceInDown" swiper-animate-duration="2s" swiper-animate-delay="0s">
                <i class="absolute page6-icon1"></i>
                <i class="absolute page6-icon2 ani" swiper-animate-effect="fadeInDown" swiper-animate-duration="2.3s" swiper-animate-delay="1.5s"></i>
                <i class="absolute page6-icon3 ani" swiper-animate-effect="fadeInRight" swiper-animate-duration="1.5s" swiper-animate-delay="3s"></i>
                <img src="./images/page5/pageWX-icon.png" alt="" class="absolute page6-icon4 ani" swiper-animate-effect="fadeInLeft" swiper-animate-duration="1.5s" swiper-animate-delay="3.5s">
                <div class="absolute page6-note ani" swiper-animate-effect="fadeInRight" swiper-animate-duration="1.5s" swiper-animate-delay="4s">
                    <p><a href="##" style="color: #333">更多活动详情</a></p>
                    <p>敬请关注沈阳印象城官方服务号</p>
                </div>
            </div>
        </div>
    </div>
</div>
<div class="arrow-down" style="display: block;"><p></p></div>
<!-- Code end -->
<!--loading mark start-->
<div class="loading-Conatiner" style="background: url()no-repeat center;background-size: 100% 100%">
    <div class="loading-logo" style="background: url()no-repeat center;background-size: cover"></div>
    <div class="loading-progress">
        <section class="progress-out">
            <span></span>
        </section>
        <p>0%</p>
    </div>
    <i class="loading-icon icon1"></i>
    <i class="loading-icon icon2"></i>
    <i class="loading-icon icon3"></i>
    <i class="loading-icon icon4"></i>
    <i class="loading-icon icon5"></i>
    <i class="loading-icon icon6"></i>
</div>
<!--loading mark end-->
<div id="MusicHang">
    <i id="Music" class="" data-play="no"></i>
</div>
<audio id="audio" src="http://h5.zhibaba.com/index/music/1.mp3" ></audio>
<!--music cede-->
<script src="js/jquery.min.js"></script>
<script src="js/swiper.min.js"></script>
<script src="js/fastclick.js"></script>
<script src="js/swiper.animate.min.js"></script>
<script src="js/jquery.imgpreload.min.js"></script>
<script src="js/page.js"></script>
<script>
    document.addEventListener('DOMContentLoaded', function () {
        function audioAutoPlay() {
            var audio = document.getElementById('audio');
            audio.play();
            $("#Music").addClass('music-play');
            $("#Music").attr('data-play', 'ok');
            document.addEventListener("WeixinJSBridgeReady", function () {
                audio.play();
                $("#Music").addClass('music-play');
                $("#Music").attr('data-play', 'ok');
            }, false);
        }
        audioAutoPlay();
    });
    //--创建触摸监听，当浏览器打开页面时，触摸屏幕触发事件，进行音频播放
    $(function () {
        $('html').one('touchstart',function(){
            function audioAutoPlay() {
                var audio = document.getElementById('audio');
                audio.play();
                $("#Music").addClass('music-play');
                $("#Music").attr('data-play', 'ok');
            }
            audioAutoPlay();
        });
    });
</script>
</body>
</html>